$(function () {

    /**
     * 1 给 搜索按钮绑定点击事件
     * 2 点击搜索按钮的时候 拿手输入框里面的值
     * 3 判断输入框里面是否输入值 如果没有输入 给出提示
     * 4 如果之前没有存入值 那么就把这次的存进去
     *   如果之前以及存过值了，那么需要先把之前的值取出来然后再跟这次的值
     *  一起再次存入进去 
     * 

     */
    // * 1 给 搜索按钮绑定点击事件
    // var arr = [];
    $('#searchBtn').on('tap', function () {
        var arr = [];
        var val = $('#keyword').val()
        if (val.length <= 0) {
            alert('请输入关键字');
            return;
        }
        if (localStorage.getItem('keyword')) {
            //    把之前的取出来
            arr = JSON.parse(localStorage.getItem('keyword'))
            // 把输入的关键字跟之前的一起放到数组里面
            arr.push(val);
            console.log(arr);
            // 把所有的再存入本地缓存
            localStorage.setItem('keyword', JSON.stringify(arr))
        } else {
            // 判断如果之前没有  那么就把这次输入的关键字存入
            arr.push(val)
            localStorage.setItem('keyword', JSON.stringify(arr))
        }


        // 跳转页面 
        window.location.href = 'search-list.html?key=' + val;
    })



    /**
     * 1 一进来 如果有搜索历史数据 那么应该展示历史数据
     * 
     * 
     * 
     * 
     */
    // console.log(localStorage.getItem('key'));

    if (localStorage.getItem('keyword')) {
        // alert(1)
        var vals = JSON.parse(localStorage.getItem('keyword'));
        console.log(vals);
        var obj = {
            rows: vals
        }
        var htmls = template('oldData', obj);
        console.log(htmls);
        $('#ulBox').html(htmls);
    }





    $('#clearOld').on('tap', function () {
        localStorage.removeItem('keyword');
        $('#keyword').val('');
        $('#ulBox').html('');


    })


})